<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j">

    <f:view locale="#{localeBean.locale}">
        <h:head>
            <title>
                <ui:insert name="title" />
            </title>
            <link rel="stylesheet" type="text/css" href="../css/style.css" />
        </h:head>
    </f:view>
    <h:body> 


        <div id="container"> 
            <div id="header">
                <!--<div id="logo">
                    <img src="../imagens/logo.png" alt="topo" width="130" height="100"></img>
                </div>--> 

                <div id="img_topo">
                    <img src="../imagens/topo_certo.jpg" alt="topo" width="150" height="30"></img>
                </div>
                <div id="redes">
                    <h:form>
                        <br />
                        <a4j:outputPanel id="gallery">
                            <h:panelGrid style="text-align: center">
                                <a href="http://www.facebook.com/pages/Air-Lines/260270380681538" target="_blank">
                                    <img src="../imagens/facebook.png"/></a>
                            </h:panelGrid>
                            <h:panelGrid style="text-align: center">
                                <a href="https://twitter.com/#!/projetoAirLines" target="_blank">
                                    <img src="../imagens/twiter.png"/></a>   
                            </h:panelGrid>
                            <h:panelGrid style="text-align: center">
                                <a href="http://www.youtube.com/watch?v=u2SVmELDqfQ" target="_blank">
                                    <img src="../imagens/youtube.png"/></a>
                            </h:panelGrid>
                        </a4j:outputPanel>

                        <br style="clear: both" />


                        <rich:jQuery selector="#gallery img" query="addClass('pic-normal')" />
                        <rich:jQuery selector="#gallery img"
                                     query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" />
                        <rich:jQuery selector="#gallery img" event="mouseover"
                                     query="jQuery(this).stop().animate({width:'120px'})" />
                        <rich:jQuery selector="#gallery img" event="mouseout"
                                     query="jQuery(this).stop().animate({width:'90px'})" />

                    </h:form>
                </div>
            </div> 

            <div id="navigation">
                <ul> 
                    <h:form>
                        <li><h:commandLink action="index" value="#{msgs['system.index']}" /></li> 
                        <li><h:commandLink action="reservas" rendered="#{usuarioBusiness.usuLogado}" value= "#{msgs['system.reservas']}" /></li>
                        <li><h:commandLink action="todasReservas" rendered="#{usuarioBusiness.adminLogado}" value= "#{msgs['system.todasreservas']}" /></li>
                        <li><h:commandLink action="cadastroUsuario" rendered="#{usuarioBusiness.usuLogado==usuarioBusiness.adminLogado}" value= "#{msgs['system.cadastro']}" /></li>
                        <li><h:commandLink action="dadosUsuario" rendered="#{usuarioBusiness.usuLogado}" value="#{msgs['dadosUsuario.usuario']}" /></li>
                        <li><h:commandLink action="cadastrarVoos" rendered="#{usuarioBusiness.adminLogado}" value="#{msgs['system.cadastrarVoos']}" /></li>
                        <li><h:commandLink action="listarVoos" rendered="#{usuarioBusiness.usuLogado||usuarioBusiness.adminLogado}" value="#{msgs['system.listarVoos']}" /></li>
                        <li><h:commandLink action="#{usuarioBusiness.usuLogout()}" rendered="#{usuarioBusiness.usuLogado}" value= "#{msgs['system.logout']}" /></li>
                        <li><h:commandLink action="#{usuarioBusiness.adminLogout()}" rendered="#{usuarioBusiness.adminLogado}" value= "#{msgs['system.logout']}" /></li>
                        <li><h:commandLink action="login" rendered="#{usuarioBusiness.usuLogado==usuarioBusiness.adminLogado}" value="#{msgs['system.login']}"/></li>
                    </h:form>
                </ul> 

                <h:form> 
                    <div id="linguagens">
                        <h:selectOneMenu value="#{localeBean.locale}"
                                         valueChangeListener="#{localeBean.changeLocale}"
                                         onchange="this.form.submit()">
                            <f:selectItems value="#{localeBean.localeList}" />
                        </h:selectOneMenu> 
                    </div>
                </h:form>
            </div>
        </div>
        
        <div id="boasvindas">
            <h:outputText styleClass="titulosTabelas" value="#{msgs['usuario.sejabemvindo']} #{usuarioBusiness.usuario.nome}" rendered="#{usuarioBusiness.usuLogado}"/>
        </div>        
        
        <div id="content">
            <ui:insert name="body" />
        </div>


        <div id="container">
            <div id="footer">
                <div id="direitos">
                    <font color="black" face="arial" size="3">
                    Copyright © AirLine.com.br, 2011   
                    </font></div>


            </div>
        </div>
    </h:body>
</html>
